import React, { Component } from 'react'
import * as layout from '../../configs/layout'
import * as color from '../../configs/color'

const dividerStyle = {
    paddingLeft: layout.HORIZONTAL_PADDING,
    paddingRight: layout.HORIZONTAL_PADDING,
    height: '30px'
}

const titleStyle = {
    textAlign: 'left',
    fontSize: '14px',
    color: '#999',
    lineHeight: '30px'
}

export default class Divider extends Component {
    constructor(props) {
        super(props)
    }

    render() {
        return (
            <div style={dividerStyle}>
                <span style={titleStyle}>{this.props.title}</span>
            </div>
        )
    }
}

Divider.propTypes = {
    title: React.PropTypes.string.isRequired
}